<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="${ctx}/static/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
		<script src="${ctx}/static/jquery/jquery-migrate-1.1.1.min.js" type="text/javascript"></script>

		<link href="${ctx}/static/bootstrap/3.3.4/css_default/bootstrap.min.css" type="text/css" rel="stylesheet" />
		<script src="${ctx}/static/bootstrap/3.3.4/js/bootstrap.min.js"  type="text/javascript"></script>
		<link href="${ctx}/static/awesome/4.4/css/font-awesome.min.css" rel="stylesheet" />
		
		<!--datatable-->
		<link rel="stylesheet" href="${ctx}/static/dataTables/css/jquery.dataTables.min.css" />
		<script type="text/javascript" src="${ctx}/static/dataTables/jquery.dataTables.js"></script>
		
		<!--datePicker.js-->
		<script type="text/javascript" src="${ctx}/static/My97DatePicker/WdatePicker.js"></script>
		
		<!--juicer-->
		<script type="text/javascript" src="${ctx}/static/juicer/juicer-min.js"></script>
		
		<!-- bootstrapvalidator -->
		<link href="${ctx}/static/dist/css/bootstrapValidator.min.css" rel="stylesheet" />
		<script type="text/javascript" src="${ctx}/static/dist/js/bootstrapValidator.min.js"></script>
		
		<script type="text/javascript" src="driver.js"></script>
		
		<link rel="stylesheet" href="${ctx}/common/css/style.css" />

	</head>
	<body class="driverBody">
		<div class="container-fluid">
			
			<!--查询条件-->
			<div class="row" style='padding: 30px 0 20px 15px;'>
				<div class='isAdminProvince' style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span>省份</span>
						<select id="selectPointOfInterest" class='provinceSelect' style='border-radius:5px;width:80px;'>
						  
						</select>
						<script type="text/template" id="provinceSelectTpl">
							  	-~each aaData as item+
							  		<option value="#-item.proviceId+">#-item.proviceName+</option>
							  	-~/each+
						  </script>
					</label>
				</div>
				<div class='isAdminCity' style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span>城市</span>
						<select id="selectPointOfInterest" class='citySelect' style='border-radius:5px;width:80px;'>
						  
						</select>
						<script type="text/template" id="citySelectTpl">
							  	-~each aaData as item+
							  		<option value="#-item.sysCityId+">#-item.cityName+</option>
							  	-~/each+
						  </script>
					</label>
				</div>
				<div class='isAdminCompany' style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span>公司选择</span>
						<select id="selectPointOfInterest" class='companySelect' style='border-radius:5px;width:230px;'>
						</select>
						<script type="text/template" id="companySelectTpl">
							  	-~each list as item+
							  		<option value="#-item.organizationId+">#-item.organizationName+</option>
							  	-~/each+
						  </script>
					</label>
				</div>
				<div class='isOtherUserCompany' style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span>公司选择</span>
						<select id="selectPointOfInterest" class='otherUserCompanySelect' style='border-radius:5px;width:230px;'>
						</select>
						<script type="text/template" id="otherUserCompanySelectTpl">
							  	-~each list as item+
							  		<option value="#-item.organizationId+">#-item.organizationName+</option>
							  	-~/each+
						  </script>
					</label>
				</div>
				<div class='' style='float:left;margin-right:10px;'>
					<label>
						<input style='display:inline;width: 180px;height:23px;padding:0;' class='form-control searchdvname' type='text' maxlength='18' placeholder='姓名/手机号/车牌号/身份证' />
					</label>
				</div>
				<div class='' style='float:left;margin-right:10px;'>
					<input type="text" placeholder='车主注册日期' onfocus="WdatePicker({})" id="datemin" class="input-text Wdate driverSearchDate" style="width:120px;border: 1px solid #ccc;border-radius:6px;height:23px;">
				</div>
				<div class="col-md-2">
					<shiro:hasPermission name="sys:driver:view">
					<button class="btn btn-search btn-info" style="padding: 0 10px;"><i class='fa fa-search'></i>查询</button>
					</shiro:hasPermission>
					<button onclick="window.location.reload()" class='btn btn-primary' style="padding:0 10px;"><i class='glyphicon glyphicon-repeat'></i>刷新</button>
				</div>
			</div>
			
			<!--表格-->
			<div class="row">
				<div class="col-md-12">
					<table id="table" class="table table-bordered">
						<thead>
							<tr>
								<th>姓名</th>
								<th>手机号码</th>
								<th>身份证号码</th>
								<th>车牌号</th>
								<th>车辆注册日期</th>
								<th>品牌+车型</th>
								<th>注册时间</th>
								<th>车辆类型</th>
								<th>备注</th>
								
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
			
			
			<!--司机详情模态框-->
			<div class="modal fade bs-example-modal-lg" id="myModalDetail" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
			  <div class="modal-dialog modal-lg">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
			        <h4 class="modal-title" id="myModalLabel">司机详情</h4>
			      </div>
			      <div class="modal-body">
			      	<div class="row">
			      		<table class="table table-bordered">
			      			<tr>
			      				<th>省份</th>
			      				<th>所在城市</th>
			      				<th>公司名称</th>
			      				<th>姓名</th>
			      				<th>性别</th>
			      				<th>手机号码</th>
			      				<th>身份证号码</th>
			      				
			      			</tr>
			      			<tr>
			      				<td class="provinceTd"></td>
			      				<td class="cityTd"></td>
			      				<td class="companyTd"></td>
			      				<td class="nameTd"></td>
			      				<td class="sexTd"></td>
			      				<td class="telTd"></td>
			      				<td class="idCardTd"></td>
			      				
			      			</tr>
			      			<tr>
			      				<th>初领驾驶证日期</th>
			      				<th>驾驶证截止日期</th>
			      				<th>车型</th>
			      				<th>驾龄</th>
			      				<th>准驾车型</th>
			      				<th>驾驶证档案编号</th>
			      				<th>车牌号</th>
			      			</tr>
			      			<tr>
			      				<td class="firstLicDateTd"></td>
			      				<td class="endLicDateTd"></td>
			      				<td class='vehicleLevelTd'></td>
			      				<td class="yearsTd"></td>
			      				<td class="licTypeTd"></td>
			      				<td class="LicNoTd"></td>
			      				<td class="plateTd"></td>
			      			</tr>
			      			<tr>	
			      				<th>车辆品牌</th>
			      				<th>车架号</th>
			      				<th>车辆所有人</th>
			      				<th>车辆注册日期</th>
			      				<th class='workLicenseNumberTh'>从业资格证号</th>
			      			</tr>
			      			<tr>
			      				<td class="carTypeTd"></td>
			      				<td class="vehicleNoTd"></td>
			      				<td class="carNameTd"></td>
			      				<td class="registerDateTd"></td>
			      				<td class='workLicenseNumberTd'></td>
			      			</tr>
			      		</table>
			      	</div>
			      	<div class='row'>
			      		<div class='col-md-12' style='border-bottom: 1px solid #DDDDDD;font-size:18px;'>照片信息(点击图片可放大以及旋转)</div>
			      	</div>
			      	<div class="row">
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>身份证正面</h4>
			      			<img class="img-responsive idCardPositiveImage" src="" style='width:100%;height:50px;' />
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>身份证反面</h4>
			      			<img class="img-responsive idCardOppositeImage" src="" style='width:100%;height:50px' />
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>人车合影</h4>
			      			<img class="img-responsive vehicleImage" src="" style='width:100%;height:50px' />
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>驾驶证正本</h4>
			      			<img class="img-responsive jszImage" src="" style='width:100%;height:50px' />
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>驾驶证副本</h4>
			      			<img class="img-responsive jszCopyImage" src="" style='width:100%;height:50px' />
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>行车本正本</h4>
			      			<img class="img-responsive xszImage" src="" style='width:100%;height:50px' />
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>行车本副本</h4>
			      			<img class="img-responsive xszCopyImage" src="" style='width:100%;height:50px' />
			      		</div>
			      		<div class="workLicenseImageDiv" style='float:left;width:12%;border: 1px solid #DDD;'>
			      			<h4 style='text-align:center;font-size:14px;'>从业资格证</h4>
			      			<img class="img-responsive workLicenseImage" src="" style='width:100%;height:50px' />
			      		</div>
			      	</div>
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			      </div>
			    </div>
			  </div>
			</div>
			
			<!--司机编辑模态框-->
			<div class="modal fade bs-example-modal-lg" id="myModalEdit" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
			  <div class="modal-dialog modal-lg">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
			        <h4 class="modal-title" id="myModalLabel">司机编辑</h4>
			      </div>
			      <form id="editdriverform" class="form-horizontal">
			      <div class="modal-body">
			      	<div class="row">
			      		<table class="table table-bordered" style='margin:0;padding:0;'>
			      			<tr>
			      				<th>省份</th>
			      				<th>城市</th>
			      				<th>公司名</th>
			      				<th>姓名</th>
			      				<th>性别</th>
			      				
			      			</tr>
			      			<tr>
			      				<td class="provinceEditTd">
				      				<label id='lblSelect'>  
				      				<select id="selectPointOfInterest" class='provinceEditSelect' disabled style='width:80px;'>
							  
									</select>
									<script type="text/template" id="provinceEditSelectTpl">
							  		-~each aaData as item+
							  		<option value="#-item.proviceId+" data-value="#-item.proviceName+">#-item.proviceName+</option>
							  		-~/each+
						        </script>
						        </label>
						        
			      				</td>
			      				<td class="cityEditTd">
			      					<label id='lblSelect'>
			      					<select id="selectPointOfInterest" class='cityEditSelect' disabled style='width:80px;'>
						  
									</select>
									<script type="text/template" id="cityEditSelectTpl">
							  		-~each aaData as item+
							  			<option value="#-item.sysCityId+" data-value="#-item.cityName+">#-item.cityName+</option>
							  		-~/each+
						 			</script>
						 			</label>
			      				</td>
			      				<td class="companyEditTd">
			      					<label id='lblSelect'>
			      					<select id="selectPointOfInterest" class='companyEditSelect' disabled style='width:230px;'>
									</select>
									<script type="text/template" id="companyEditSelectTpl">
							  		-~each list as item+
							  		<option value="#-item.organizationId+" data-value="#-item.organizationName+">#-item.organizationName+</option>
							  		-~/each+
						  			</script>
						  			</label>
			      				</td>
			      				<td class="nameEditTd">
			      					<div class='form-group' style='margin:0px;'>
			      					<input type="text" class="form-control" placeholder="司机姓名" maxlength='12' name="editdrivername">
			      					</div>
			      				</td>
			      				<td class="sexEditTd">
			      					<label>
			      						<input type='radio' name='sex' value='1'>男
			      					</label>
			      					<label>
			      						<input type='radio' name='sex' value='2'>女
			      					</label>
			      				</td>
			      				
			      			</tr>
			      			<tr>
			      				<th>身份证号码</th>
			      				<th>初领驾驶证日期</th>
			      				<th>驾驶证截止日期</th>
			      				<th>车型</th>
			      				<th>驾龄</th>
			      				
			      			</tr>
			      			<tr>
			      				<td class="idCardEditTd">
			      					<div class='form-group' style='margin:0px;'>
			      					<input class='form-control' type='text' placeholder="身份证号码" maxlength='18' name="editdriveridcard"/>
			      					</div>
			      				</td>
			      				<td class="firstLicDateEditTd">
			      					<input type="text" value="" onfocus="WdatePicker({})" class="input-text Wdate form-control" style="height:20px;border-color:#DDD;padding:0;">
			      				</td>
			      				<td class="endLicDateEditTd" style='text-align:center'>
			      					<input type="text" value="" onfocus="WdatePicker({})" class="input-text Wdate form-control" style="height:20px;border-color:#DDD;padding:0;">
			      				</td>
			      				<td class="vehicleLevelEditTd">
			      					<label id='lblSelect'>
			      					<select id="selectPointOfInterest" style='width:80px;'>
			      						<option value='1'>经济型</option>
			      						<option value='2'>舒适型</option>
			      						<option value='3'>商务型</option>
			      						<option value='4'>豪华型</option>
			      					</select>
			      					</label>
			      				</td>
			      				<td class="yearsEditTd"></td>
			      				
			      			</tr>
			      			<tr>
			      				
			      				
			      				<th>车辆品牌</th>
			      				<th>车架号</th>
			      				<th>车辆所有人</th>
			      				<th>车辆注册日期</th>
			      				<th class='workLicenseNumberThedit'>从业资格证号</th>
			      			</tr>
			      			<tr>
			      				
			      				
			      				
			      				<td class="carTypeEditTd">
			      					<label id='lblSelect'>
			      					<select id="selectPointOfInterest" class='carBrandSelect' style='display:inline-block;'>
				        		
						        	</select>
						        	<script type="text/template" id="carBrandSelectTpl">
							  			-~each list as item+
							  				<option value="#-item.id+" data-value="#-item.name+">#-item.name+</option>
							  			-~/each+
						  			</script>
						  			</label>
						  			<label id='lblSelect'>
						        	<select id="selectPointOfInterest" class='carModelSelect' style='display:inline-block;'>
						        		
						        	</select>
						        	<script type="text/template" id="carModelSelectTpl">
							  			-~each list as item+
							  				<option value="#-item.id+" data-value="#-item.name+">#-item.name+</option>
							  			-~/each+
						  			</script>
						  			</label>
			      				
			      				</td>
			      				<td class="vehicleNoEditTd">
			      					<div class='form-group' style='margin:0px;'>
			      					<input type="text" class="form-control" placeholder="车架号" maxlength='17' name="editdrivervehicleno">
			      					</div>
			      				</td>
			      				<td class="carNameEditTd"></td>
			      				<td class="registerDateEditTd">
			      					<input type="text" value="" onfocus="WdatePicker({})" class="input-text Wdate form-control" style="height:20px;border-color:#DDD;padding:0;">
			      				</td>
			      				<td class='workLicenseNumberTdedit'>
			      					<div class='form-group' style='margin:0px;'>
			      					<input type="text" class="form-control" placeholder="从业资格证号" maxlength='19' name="editdriverworknumber">
			      					</div>
			      				</td>
			      			</tr>
			      			<tr>
			      				<th>手机号</th>
			      				<th>驾驶证档案编号</th>
			      				<th>准驾车型</th>
			      				<th>车牌号</th>
			      			</tr>
			      			<tr>
			      				<td class="telEditTd">
			      					<div class='form-group' style='margin:0px;'>
			      					<input type="text" class="form-control" placeholder="手机号" maxlength='11' name="editdrivertel">
			      					</div>
			      				</td>
			      				<td class="LicNoEditTd">
			      					<div class='form-group' style='margin:0px;'>
			      					<input type="text" class="form-control" placeholder="驾驶证档案编号" maxlength='12' name="editdriverlicno">
			      					</div>
			      				</td>
			      				<td class="licTypeEditTd">
			      					<label id='lblSelect'>
			      					<select id="selectPointOfInterest" style='width:60px;'>
			      						<option data-value='A1'>A1</option>
			      						<option data-value='A2'>A2</option>
			      						<option data-value='A3'>A3</option>
			      						<option data-value='B1'>B1</option>
			      						<option data-value='B2'>B2</option>
			      						<option data-value='C1'>C1</option>
			      						<option data-value='C2'>C2</option>
			      					</select>
			      					</label>
			      				</td>
			      				<td class="plateEditTd">
			      					<div class='form-group' style='margin:0px;'>
			      					<input type="text" class="form-control" placeholder="车牌号" maxlength='7' name="editdriverplate">
			      					</div>
			      				</td>
			      			</tr>
			      		</table>
			      	</div>
			      	<div class="row">
			      		
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>身份证正面</h4>
			      			<div class="imgBox1" data-value='' style='position:relative;width:100%;text-align:center;'>
						        <img class="idCardPositiveImage img-responsive" id="blah1" src="" style="width:100%;height:100px;overflow:hidden;"/>
						        <a href="javascript:;" class="lk">
				                 <span class="iconadd jiaNo1">+</span></br>
				                 <span class="txt textNo1">上传身份证正面照片</span>
				                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp1" id="imgInp" data-value='1' />
					            </a>
						    </div>  
						    <!-- <button data-name='' data-value='1' class='upload-btn upbtn1'>上传</button> -->
						    <div class="progress" style='margin-bottom:0px;'>
		                        <div class="progress-bar1 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
		                        </div>
		                    </div>
			      		</div>
			      		
			      		
			      		
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>身份证反面</h4>
			      			<div class="imgBox2" data-value='' style='position:relative;width:100%;text-align:center'>
						        <img class="idCardOppositeImage img-responsive" id="blah2" src="" style="width:100%;height:100px;overflow:hidden;"/>
						        <a href="javascript:;" class="lk">
				                 <span class="iconadd jiaNo1">+</span></br>
				                 <span class="txt textNo1">上传身份证反面照片</span>
				                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp2" id="imgInp" data-value='2' />
				                </a>
						    </div>  
						    <!-- <button data-name='' data-value='2' class='upload-btn upbtn2'>上传</button> -->
						    <div class="progress" style='margin-bottom:0px;'>
		                        <div class="progress-bar2 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
		                        </div>
		                    </div>
			      		</div>
			      		
			      		
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>人车合影</h4>
			      			<div class="imgBox3" data-value='' style='position:relative;width:100%;text-align:center'>
						        <img class="vehicleImage img-responsive" id="blah3" src="" style="width:100%;height:100px;overflow:hidden;"/>
						        <a href="javascript:;" class="lk">
				                 <span class="iconadd jiaNo1">+</span></br>
				                 <span class="txt textNo1">上传人车合影照片</span>
				                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp3" id="imgInp" data-value='3' />
				                </a>
						    </div>  
						    <!-- <button data-name='' data-value='3' class='upload-btn upbtn3'>上传</button> -->
						    <div class="progress" style='margin-bottom:0px;'>
		                        <div class="progress-bar3 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
		                        </div>
		                    </div>
			      		</div>
			      		
			      		
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>驾驶证正本</h4>
			      			<div class="imgBox4" data-value='' style='position:relative;width:100%;text-align:center'>
						        <img class="jszImage img-responsive" id="blah4" src="" style="width:100%;height:100px;overflow:hidden;"/>
						        <a href="javascript:;" class="lk">
				                 <span class="iconadd jiaNo1">+</span></br>
				                 <span class="txt textNo1">上传驾驶证正本照片</span>
				                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp4" id="imgInp" data-value='4' />
				                </a>
						    </div>  
						    <!-- <button data-name='' data-value='4' class='upload-btn upbtn4'>上传</button> -->
						    <div class="progress" style='margin-bottom:0px;'>
		                        <div class="progress-bar4 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
		                        </div>
		                    </div>
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>驾驶证副本</h4>
			      			<div class="imgBox5" data-value='' style='position:relative;width:100%;text-align:center'>
						        <img class="jszCopyImage img-responsive" id="blah5" src="" style="width:100%;height:100px;overflow:hidden;"/>
						    	<a href="javascript:;" class="lk">
				                 <span class="iconadd jiaNo1">+</span></br>
				                 <span class="txt textNo1">上传驾驶证副本照片</span>
				                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp5" id="imgInp" data-value='5' />
				                </a>
						    </div>  
						    <!-- <button data-name='' data-value='5' class='upload-btn upbtn5'>上传</button> -->
						    <div class="progress" style='margin-bottom:0px;'>
		                        <div class="progress-bar5 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
		                        </div>
		                    </div>
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>行车本正本</h4>
			      			<div class="imgBox6" data-value='' style='position:relative;width:100%;text-align:center'>
						        <img class="xszImage img-responsive" id="blah6" src="" style="width:100%;height:100px;overflow:hidden;"/>
						        <a href="javascript:;" class="lk">
				                 <span class="iconadd jiaNo1">+</span></br>
				                 <span class="txt textNo1">上传行车本正本照片</span>
				                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp6" id="imgInp" data-value='6' />
				                </a>
						    </div>  
						    <!-- <button data-name='' data-value='6' class='upload-btn upbtn6'>上传</button> -->
						    <div class="progress" style='margin-bottom:0px;'>
		                        <div class="progress-bar6 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
		                        </div>
		                    </div>
			      		</div>
			      		<div style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>行车本副本</h4>
			      			<div class="imgBox7" data-value='' style='position:relative;width:100%;text-align:center'>
						        <img class="xszCopyImage img-responsive" id="blah7" src="" style="width:100%;height:100px;overflow:hidden;"/>
						    	<a href="javascript:;" class="lk">
				                 <span class="iconadd jiaNo1">+</span></br>
				                 <span class="txt textNo1">上传行车本副本照片</span>
				                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp7" id="imgInp" data-value='7' />
				                </a>
						    </div>  
						    <!-- <button data-name='' data-value='7' class='upload-btn upbtn7'>上传</button> -->
						    <div class="progress" style='margin-bottom:0px;'>
		                        <div class="progress-bar7 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
		                        </div>
		                    </div>
			      		</div>
			      		<div class="workLicenseImageDivEdit" style='float:left;width:12%;border: 1px solid #DDD;margin-right:2px;'>
			      			<h4 style='text-align:center;font-size:14px;'>从业资格证</h4>
			      			<div class="imgBox8" data-value='' style='position:relative;width:100%;text-align:center'>
						        <img class="workLicenseImage img-responsive" id="blah8" src="" style="width:100%;height:100px;overflow:hidden;"/>
						    	<a href="javascript:;" class="lk">
				                 <span class="iconadd jiaNo1">+</span></br>
				                 <span class="txt textNo1">上传从业资格证照片</span>
				                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp8" id="imgInp" data-value='8' />
				                </a>
						    </div>  
						    <!-- <button data-name='' data-value='8' class='upload-btn upbtn8'>上传</button> -->
						    <div class="progress" style='margin-bottom:0px;'>
		                        <div class="progress-bar8 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
		                        </div>
		                    </div>
			      		</div>
			      	</div>
			      </div>
			      <div class="modal-footer">
			      	<button class="btn btn-default edit-save">确定修改</button>
			        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
			      </div>
			      </form>
			    </div>
			  </div>
			</div>
			
			
			<!-- 用来存放查看详情原图图片的模态框 -->
			<div class='bg'></div>
			<div class='bgmodal'>
				<img class='img-responsive' alt='点击图片可以旋转' title="点击图片可以旋转" src="" style='width:100%;height:100%;'>
				<i class='fa fa-refresh rotate-icon' style='position:absolute;right:0;top:0;color:#fff;font-size:30px;'></i>
			</div>
			
		</div>
	</body>
</html>
<script type='text/javascript'>
	
//获取司机列表表格
function driverTable(wholeprovinceId,wholecityId,wholecompanyId,suvStatus,dvName,driverSearchDate) {
	table = $("#table").DataTable({
		language: {
			"sInfoFiltered": "(共 _MAX_ 页)"
		},
		"pagingType": "simple_numbers",//设置分页控件的模式
        searching: false,//屏蔽datatales的查询框
        aLengthMenu:[10],//设置一页展示10条记录
        "bLengthChange": false,//屏蔽tables的一页展示多少条记录的下拉列表,
        "processing": true, //打开数据加载时的等待效果
        "serverSide": true,//打开后台分页
        "ajax": {
           "url": ctx+"/driver/v1/dvget", 
           "type": 'POST',
           "dataSrc": "aaData",
        	   "data": {
        		   provice_id: wholeprovinceId,
        		   cityId: wholecityId,
        		   companyId: wholecompanyId,
        		   suvStatus: suvStatus,
        		   dvName: dvName,
        		   submitTime: driverSearchDate
        	 } 
        },
        "columnDefs": [
			{
				width: '12%',
				targets: -1,
				data: null,
				defaultContent: "<shiro:hasPermission name='sys:driver:info'><a class='btn btn-info btn-xs btn-detail m-r-10'><i class='fa fa-search-plus'></i>详情</a></shiro:hasPermission>"+
				"<shiro:hasPermission name='sys:driver:edit'><a class='btn btn-success btn-xs btn-edit m-r-10'><i class='fa fa-edit'></i>编辑</a></shiro:hasPermission>"
			},
			{targets: 0,data: 'trueName'},
			{targets: 1,data: 'telPhone'},
			{targets: 2,data: 'idCard'},
			{targets: 3,data: 'lisencePlate'},
			{targets: 4,data: 'xszLssueDate',render: function(data) {
				if(data) {
					return data.substring(0,10);
				}
				else {
					return "无";
				}
			}},
			{targets: 5,data: null,render: function(row){
				return row.vehicleType + '-' + row.vehicleModel;
			}},
			{targets: 6,data: 'submitTime'},
			{targets: 7,data: 'authType', render: function(data) {
				if(data == 3) {
					return "出租车";
				}
				else if(data == 2) {
					return "专车";
				}
				else if(data == 1) {
					return "游客";
				}
				else {
					return "无";
				}
			}},
			{targets: 8,data: 'mark', render: function(data) {
				return "---";
			}}
		]
		
	});
	
	return table;
}
	
</script>